﻿<!DOCTYPE
    html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "DTD/xhtml1-transitional-rajon.dtd">
<html
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:rajon="http://www.rajon.org/rajon-10" >
<head>
    <title></title>
    <link href="css/style.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="js/jquery-1.5.min.js" ></script>
    <script type="text/javascript" src="js/Rajon.js"></script>    
    <script type="text/javascript" src="ViewModel/Order.js"></script>   
            
    
</head>
<body>

    <div id="list"                
        
         rajon:datacontext="OrderService/Orders"        
         rajon:pageSize="4" rajon:pageScrollSpeed="500">

        <div rajon:vModelClass="Order" rajon:isitemview="true" rajon:bind="className=AlternateItemStyle()">
                <b>OrderNumber: <span rajon:bind="model.OrderNumber#i"></span></b><br/>        
                Client: <span rajon:bind="model.ClientName"></span><br />    
                <a rajon:bind="href=EditUrl()">edit</a>             
        </div>
         
    </div>
    
    <a href="javascript: Rajon.vmodel('list').bindToFirstPage()">first</a>
    <a href="javascript: Rajon.vmodel('list').bindPreviousPage()">previous</a>
    <a href="javascript: Rajon.vmodel('list').bindNextPage()">next</a>
    <a href="javascript: Rajon.vmodel('list').bindToLastPage()">last</a>

</body>

</html>
